<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style>
		.s1{
			float: left;
			width: 200px;
			height: 200px;
			background-color: pink;
		}
	</style>
	<body>
		<!--
			元素设置完浮动以后，将会从文档流中脱离，从文档流中脱离以后，元素的一些特点也会发生改变
			
			脱离文档流的特点：
				块元素：
					1.块元素不再独占页面的一行
					2.脱离文档流以后，块元素的宽度和高度默认都被内容撑开
					
			行内元素：
			    行内元素脱离文档流以后会变成块元素，特点和块元素一样
			    
			   脱离文档流以后，不需要再区分块和行内了
			   
			
		-->
		<span class="s1">我是span</span>
		<div class="box">1111</div>
		<span>我是s2</span>
	</body>
</html>
